<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page trimDirectiveWhitespaces="true" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	 <link rel="icon" href="./resources/login.ico">
	 <title>我们的纪念日</title>
	<link rel="stylesheet" type="text/css" href="../../css/show/demo.css" />
	<link rel="stylesheet" type="text/css" href="../../css/show/style.css">
	<script type="text/javascript" src="../../js/show/modernizr.custom.26633.js"></script>
	<!-- Bootstrap core CSS -->
    <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="../../bootstrap/css/carousel.css" rel="stylesheet">
    <link href="../../css/loading/fakeLoader.css" rel="stylesheet">
    <style type="text/css">
    body{
    	background : gray
    }
    </style>
<!-- 	<noscript>
		<link rel="stylesheet" type="text/css" href="../../css/show/fallback.css" />
	</noscript> -->
</head>
<body>
</body>
	<script src="../../jquery/jquery.min.js" type="text/javascript"></script>
	<script src="../../bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../../js/show/jquery.gridrotator.js"></script>
	<script type="text/javascript" src="../../js/show/showPlanePicture.js"></script>
	<script type="text/javascript" src="../../js/loading/fakeLoader.min.js"></script>
	<script type="text/javascript" src="../../js/loading/spin.min.js"></script>	
	<script type="text/javascript" src="../../js/loading/jquery.lazyload.min.js?1.9.3"></script>
	<script type="text/javascript">
		$(document).ready(function(){	
			var spinner = new Spinner({radius: 30, length: 0, width: 10, trail: 40});
			 var options 
			 = {
					fileCount : 39,
					filePath : "resources/images/"
			   };
   			$("body").bootDynamicLoadPic(options);
			spinner.spin($("body").get(0));
			$( '#ri-grid' ).gridrotator( {
				rows : 4,
				columns : 8,
				maxStep : 2,
				interval : 2000,
				w1024 : {
					rows : 5,
					columns : 6
				},
				w768 : {
					rows : 5,
					columns : 5
				},
				w480 : {
					rows : 6,
					columns : 4
				},
				w320 : {
					rows : 7,
					columns : 4
				},
				w240 : {
					rows : 7,
					columns : 3
				}
			} );
            $("#loading").fakeLoader({
                timeToHide:1200,
                bgColor:"gray",
                spinner:"spinner2",
             	top:'50%',  
              	left:'50%'
            }); 
            $('img')
            .load(function(){
            	spinner.spin();
            	console.log("图片加载完成");
            })
            .error(function(){
            	spinner.spin();
            	console.log("图片加载失败...");
            });
		});
	</script>
</html>
<%-- <%
	out.clear();  
	out = pageContext.pushBody(); 
%> --%>